<template>
  <cover-view style="">
	  <video id="myVideo" :style="`position:absolute;top:0;left:0;right:0;bottom:0;width: 100vw;height:100vh`" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" @error="videoErrorCallback" :controls="false"></video>
	  <cover-view style="z-index:2;position: absolute;left: 0rpx; top: 12rpx;height: 48rpx;width: 100vw;padding-left: 20rpx;display: flex;align-items: center;justify-content: flex-start;">
		<image class="controls-play img" @click="pageBack" style="width: 21.56rpx;height: 21.56rpx;" mode="aspectFit" src="/static/images/icons/arrow-left_white.png"></image>
		<view style="font-size: 12.94rpx;margin-left: 10rpx;color:#fff;font-weight: 500;">living room</view>
	  </cover-view>
	  <cover-view style="height: 100vh;width: 55rpx;border-radius: 28rpx;background-color: rgba(0,0,0,0.57);position: absolute;top: 0; right: 10rpx;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: space-around;">
		<cover-image src="/static/images/icons/icon-15_1.png" style="width: 27rpx; height: 27rpx"></cover-image>
		<cover-image src="/static/images/icons/icon-15_6.png" style="width: 27rpx; height: 27rpx"></cover-image>
		<cover-image src="/static/images/icons/icon-15_2.png" style="width: 27rpx; height: 27rpx"></cover-image>
		<cover-image src="/static/images/icons/icon-15_3.png" style="width: 27rpx; height: 27rpx"></cover-image>
		<cover-image src="/static/images/icons/icon-15_4.png" style="width: 27rpx; height: 27rpx"></cover-image>
		<cover-image src="/static/images/icons/icon-15_5.png" style="width: 27rpx; height: 27rpx"></cover-image>
	  </cover-view>
	  <cover-view style="position: absolute;left:16.44rpx;z-index: 2;bottom: 12px;display: flex;align-items: center;justify-content: flex-start;">
		  <cover-image src="/static/images/icons/setting_white.png" style="width: 21.56rpx; height: 21.56rpx"></cover-image>
		  <cover-view style="font-size: 11.32rpx;margin-left: 5rpx;color:#fff;font-weight: 400;">2024-06-24 15:08:30</cover-view>
	  </cover-view>
	  <cover-view style="position: absolute;right: 107.8rpx;z-index: 2;bottom: 12px;display: flex;align-items: center;justify-content: space-between;width: 306.41rpx;height:33.42rpx;">
		  <cover-image src="/static/images/icons/player/play_1.png" style="width: 27rpx; height: 27rpx"></cover-image>
		  <cover-image src="/static/images/icons/player/volume_2.png" style="width: 27rpx; height: 27rpx"></cover-image>
		  <cover-image src="/static/images/icons/player/speed_1.png" style="width: 27rpx; height: 27rpx"></cover-image>
		  <cover-image src="/static/images/icons/player/hd.png" style="width: 27rpx; height: 27rpx"></cover-image>
		  <cover-image src="/static/images/icons/player/full-screen_1.png" style="width: 27rpx; height: 27rpx" @click="pageBack()"></cover-image>
	  </cover-view>
  </cover-view>
</template>

<script>
export default {
    data() {
      return {
        params: {},
		width: 0,
		height: 0,
        webviewStyles: {
          progress: {
            color: "#FF3333"
          }
        }
      }
    },
	methods: {
		videoErrorCallback(e){
			console.log(e)
		},
		pageBack(){
			// #ifdef APP-PLUS
			plus.screen.lockOrientation("portrait-primary");
			// #endif
			uni.navigateBack()
		}
	},
	mounted() {
		// plus.navigator.setFullscreen(true)
		// plus.navigator.hideSystemNavigation()
		// plus.screen.unlockOrientation();
		// let that = this;
		// uni.getSystemInfo({  
		// 	success: function(res) {
		// 		that.height=res.windowHeight
		// 		that.width=res.windowWidth
		// 		console.log('屏幕旋转1：', res.windowHeight);  
		// 		console.log('屏幕旋转2：', res.windowWidth);  
		// 	}  
		// }); 
	},
	onUnload() {
		// plus.screen.unlockOrientation();
		// #ifdef APP-PLUS
		plus.screen.lockOrientation("portrait-primary");
		// #endif
		// plus.navigator.setFullscreen(false)
		// plus.navigator.showSystemNavigation()
	},
	onResize() {
		
	},
    // props: {
    //   src: {
    //     type: [String],
    //     default: null
    //   }
    // },
	// onBackPress(options) {
	// 	console.log('from:' + options.from)
	// 	plus.screen.unlockOrientation();
	// 	plus.screen.lockOrientation("portrait-primary");
	// 	plus.navigator.setFullscreen(false)
	// 	plus.navigator.showSystemNavigation()
	// },
	onHide() {
		// #ifdef APP-PLUS
		plus.screen.lockOrientation("portrait-primary");
		// #endif
	},
	onShow() {
		
	},
    onLoad(event) {
		// #ifdef APP-PLUS
		plus.screen.lockOrientation("landscape-primary");
		// #endif
      // this.params = event
      // if (event.title) {
      //   uni.setNavigationBarTitle({
      //     title: event.title
      //   })
      // }
    }
  }
</script>

<style lang="scss" scoped>

</style>